import React from "react";

interface Props {
  // // eslint-disable-next-line @typescript-eslint/no-explicit-any
  // children: any

  children: React.ReactNode;

  top: React.ReactNode;

  bottom: (name: { a: number; b: number }) => React.ReactElement;
}

const name = "Hello";

class Hello extends React.Component<Props> {
  render(): React.ReactNode {
    console.log(this.props);
    return (
      <div>
        {this.props.top}
        <p>Hello</p>
        {this.props.children}
        <hr />
        {this.props.bottom({ a: 1, b: 2 })}
      </div>
    );
  }
}
export default Hello;

{
  /* <template>

  <div>
    <slot a="1" b="2" />
  </div>
</template> */
}
